<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=0">
<title>商品列表</title>
<link href="${ctxStatic }/site/themes/DianShangMuBan/css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="${ctxStatic }/site/themes/DianShangMuBan/css/css.css" rel="stylesheet" type="text/css">
<script src="${ctxStatic }/site/themes/DianShangMuBan/css/respond.min.js"></script>
</head>
<body ov>
<div class="gridContainer clearfix">
  <div id="LayoutDiv1" style="background-color:#f3f3f3">
    <div style="width:100%; height:45px; border-bottom:1px solid #ededed;position:fixed;  background-color:#fff;">
    <ul class="paixu">
    <li  ${sortType eq 1||empty sortType?'class="liEed"':'' }  onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=1'"  >默认</li>
    <li  ${sortType eq 2?'class="liEed"':'' } onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=2'"   >新品</li>
     <c:if test="${empty sortType||sortType eq 1 ||sortType eq 2 ||sortType eq 5  }">
	    <li   onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=4'"  >价格</li>
    </c:if>
    <c:if test="${sortType eq 3 }">
	    <li class="liEed"  onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=4'"  >价格</li>
    </c:if>
     <c:if test="${sortType eq 4 }">
    	   <li class="liEed"  onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=3'"  >价格</li>
     </c:if>
	    <li ${sortType eq 5?'class="liEed"':'' }  onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProductByCategory/${productCategory.id }?sortType=5'"   >销量</li>
    </ul>
    </div>
    <div style=" width:100%;overflow-X: hidden;float:left;position:inherit; margin-top:15%; background-color:#fff;">
    <c:forEach items="${microProductList }"  var="product" >
	       <dl class=" fenleilist2" onclick="javascript:window.location.href='${ctxMobileSite}/shopping/viewProduct/${product.id }'"  >
	        <dt style="float:left; width:25%; border:1px #eee solid "><img style="width:70px;height:80px;"  src="${ctxUser }/product/${product.indexPic}"></dt>
	        <dt style="float:left; width:60%; padding-left:5%;">
	          <p >${product.name }</p>
	          <p class="font17Red">￥${product.price/100 }</p>
	           <p class="font999">销售量：<c:out value="${product.sellCount }" default="0"/></p>
	        </dt>
	      </dl>
    </c:forEach>
      
    </div>
  </div>
</div>
</body>
</html>
